<!DOCTYPE HTML>
<html>

<head>
      <title> 新增直通车</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <link href="../../../assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
      <link href="../../../assets/css/bui-min.css" rel="stylesheet" type="text/css" />
      <link href="../../../assets/css/page-min.css" rel="stylesheet" type="text/css" />
      <link href="../../../assets/css/jx-style.css" rel="stylesheet" type="text/css" />
      <link href="../../../assets/css/prettify.css" rel="stylesheet" type="text/css" />
</head>
<style>
      .bui-dialog .bui-stdmod-body {
            overflow-y: scroll
      }
</style>

<body>
      <div class="container">
            <div class="detail-page span24">
                  <div class="detail-page-title">
                        <h4>新增直通车
                              <a class="page-action pull-right jx-btn" data-type="close" href="javascript:;">返回</a>

                        </h4>
                  </div>
                  <div class="detail-section" style="margin-top:50px">
                        <form id="J_Form" class="jx-form form-horizontal jx-form-thin">
                              <div class="row">
                                    <div class="control-group span16 offset6">
                                          <label class="control-label">排   序：</label>
                                          <div class="controls">
                                                <input type="text" class="control-text" name="sort" data-rules="{required:true,number:true}">
                                          </div>
                                    </div>
                              </div>
                              <div class="row">
                                    <div class="control-group span16 offset6">
                                          <label class="control-label">品牌名称:</label>
                                          <div class="controls">
                                                <select>
                                                      <option value="1">nike</option>
                                                      <option value="2">nike</option>
                                               </select>
                                          </div>
                                    </div>
                              </div>
                              <div class="row">
                                    <div class="control-group span16 offset6  control-row6">
                                          <label for="" class="control-label has-note"> 品牌logo <div class="label-note"> 图标尺寸:<br>  px*px     </div> </label>
                                          <div class="controls">
                                                <input id="upload-img1" type="file" class="hide">
                                                <a href="#" class="btn-upload">
                                                <span>上传图片</span>
                                                <img src="" width="98" height="98">
                                                <input name="b" type="text" data-rules="{required:true}" value="" style="display: none">
                                           </a>
                                          </div>
                                    </div>
                              </div>
                              <div class="row">
                                    <div class="control-group span18 offset6">
                                          <label class="control-label">分区创建：</label>
                                          <div class="controls" style="height:400px">
                                                <div class="brands-express">
                                                      <a id="block-a" class="item block-left" href="javascript:;">
                                                               A区
                                                      </a>
                                                      <div class="item block-center">
                                                            <div class="item center-top">
                                                                  <a id="block-b" class="item center-top-item" target="_blank" href="javascript:;">
                                                                       B区
                                                                   </a>
                                                                  <a id="block-c" class="item center-top-item" target="_blank" href="javascript:;">
                                                                       C区
                                                                   </a>
                                                            </div>
                                                            <div class="center-bottom">
                                                                  <a id="block-d" class="item center-bottom-item" target="_blank" href="javascript:;">
                                                                        D区
                                                                        </a>
                                                                  <a id="block-e" class="item center-bottom-item" target="_blank" href="javascript:;">
                                                                       E区
                                                                        </a>
                                                                  <a id="block-f" class="item center-bottom-item" target="_blank" href="javascript:;">
                                                                        F区
                                                                        </a>
                                                            </div>
                                                      </div>
                                                      <a id="block-g" class="item block-right" href="javascript:;">
                                                            G区
                                                      </a>
                                                </div>
                                          </div>
                                    </div>
                              </div>
                              <div class="actions-bar">
                                    <div class="row">
                                          <div class="span16 offset10  ">
                                                <button type="submit" class="button button-primary">确定</button>
                                                <button type="reset" class="button">重置</button>
                                          </div>
                                    </div>
                              </div>
                        </form>
                  </div>

            </div>
      </div>
      <!-- 初始隐藏 contentA    -->
      <div id="contentA" class="hide">
            <form id="A_form" class="jx-form form-horizontal jx-form-thin">
                  <div class="row">
                        <div class="control-group span15  ">
                              <label class="control-label">关键字：</label>
                              <div class="controls">
                                    <input type="text" class="control-text" data-rules="{required:true}">
                              </div>
                        </div>
                  </div>
                  <div class="row">
                        <div class="control-group control-row6 span12  ">
                              <label for="" class="control-label has-note">
                                          图片:
                                          <div class="label-note"> 图标尺寸:<br>
                                                px*px
                                          </div>
                                </label>
                              <div class="controls">
                                    <input type="file" class="upload-img hide">
                                    <a href="#" class="btn-upload">
                        <span>上传图片</span>
                        <img src="" width="98" height="98">
                        <input name="b" type="text" data-rules="{required:true}" value="" style="display: none">
                              </a>

                              </div>
                        </div>
                  </div>
                  <div class="row urlEdit">
                        <div class="control-group span18">
                              <label class="control-label">URL：</label>
                              <div class="controls control-row3" style=" position: relative;">
                                    <textarea class="url input-xxlarge" type="text" disabled></textarea>
                                    <span class="addUrl edit-url-icon  x-icon x-icon-warning"><i class="icon icon-white icon-edit"></i></span>
                              </div>
                        </div>
                  </div>
                  <div class="row urlpanel span12 hide">
                        <div class="row goodsGrade">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">品类：</label>
                                    <div class="controls">
                                          <select name="goodsGradeId" class="selectGoodsGrade">
                                                      <option value="0">全部</option>
                                                      <option value="1">衣服</option>
                                                      <option value="2">裤子</option>
                                                      <option value="3">鞋子</option>
                                                 </select>
                                          <span>&nbsp;(注：等同于一级分类)</span>
                                    </div>
                              </div>
                        </div>
                        <div class="row goodsSeries">
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">适穿人群：</label>
                                    <div class="controls">
                                          <select name="goodsType">
                                    	<option value="">全部</option>
                                        <option value="1">成人</option>
                                        <option value="2">儿童</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">性别：</label>
                                    <div class="controls">
                                          <select name="goodsSex">
                                    	<option value="">全部</option>
                                        <option value="1">男款</option>
                                        <option value="2">女款</option>
                                        <option value="3">中性</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">上市年份：</label>
                                    <div class="controls">
                                          <select name="goodsYear">
                                                <option value="">全部</option>
                                                <option value="2017">2017</option>
                                                <option value="2016">2016</option>
                                                <option value="2015">2015</option>
                                          </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">季节：</label>
                                    <div class="controls">
                                          <select name="goodsSeason">
                                    	<option value="">全部</option>
                                        <option value="1">Q1(春季)</option>
                                        <option value="2">Q2(夏季)</option>
                                        <option value="3">Q3(秋季)</option>
                                        <option value="4">Q4(冬季)</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row center">
                              <button type="button" class="url-ok-btn jx-btn btn-default">确定</button>
                              <button type="button" class="url-cancel-btn  jx-btn">取消</button>
                        </div>
                  </div>
            </form>
      </div>

      <!-- 初始隐藏 contentB    -->
      <div id="contentB" class="hide">
            <form id="B_form" class="jx-form form-horizontal jx-form-thin">
                  <div class="row">
                        <div class="control-group span15  ">
                              <label class="control-label">关键字：</label>
                              <div class="controls">
                                    <input type="text" class="control-text" data-rules="{required:true}">
                              </div>
                        </div>
                  </div>
                  <div class="row">
                        <div class="control-group control-row6 span12  ">
                              <label for="" class="control-label has-note">
                                          图片:
                                          <div class="label-note"> 图标尺寸:<br>
                                                px*px
                                          </div>
                                </label>
                              <div class="controls">
                                    <input type="file" class="upload-img hide">
                                    <a href="#" class="btn-upload">
                        <span>上传图片</span>
                        <img src="" width="98" height="98">
                        <input name="b" type="text" data-rules="{required:true}" value="" style="display: none">
                              </a>

                              </div>
                        </div>
                  </div>
                  <div class="row urlEdit">
                        <div class="control-group span18">
                              <label class="control-label">URL：</label>
                              <div class="controls control-row3" style=" position: relative;">
                                    <textarea class="url input-xxlarge" type="text" disabled></textarea>
                                    <span class="addUrl edit-url-icon  x-icon x-icon-warning"><i class="icon icon-white icon-edit"></i></span>
                              </div>
                        </div>
                  </div>
                  <div class="row urlpanel span12 hide">
                        <div class="row goodsGrade">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">品类：</label>
                                    <div class="controls">
                                          <select name="goodsGradeId" class="selectGoodsGrade">
                                                      <option value="0">全部</option>
                                                      <option value="1">衣服</option>
                                                      <option value="2">裤子</option>
                                                      <option value="3">鞋子</option>
                                                 </select>
                                          <span>&nbsp;(注：等同于一级分类)</span>
                                    </div>
                              </div>
                        </div>
                        <div class="row goodsSeries">
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">适穿人群：</label>
                                    <div class="controls">
                                          <select name="goodsType">
                                    	<option value="">全部</option>
                                        <option value="1">成人</option>
                                        <option value="2">儿童</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">性别：</label>
                                    <div class="controls">
                                          <select name="goodsSex">
                                    	<option value="">全部</option>
                                        <option value="1">男款</option>
                                        <option value="2">女款</option>
                                        <option value="3">中性</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">上市年份：</label>
                                    <div class="controls">
                                          <select name="goodsYear">
                                                <option value="">全部</option>
                                                <option value="2017">2017</option>
                                                <option value="2016">2016</option>
                                                <option value="2015">2015</option>
                                          </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">季节：</label>
                                    <div class="controls">
                                          <select name="goodsSeason">
                                    	<option value="">全部</option>
                                        <option value="1">Q1(春季)</option>
                                        <option value="2">Q2(夏季)</option>
                                        <option value="3">Q3(秋季)</option>
                                        <option value="4">Q4(冬季)</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row center">
                              <button type="button" class="url-ok-btn jx-btn btn-default">确定</button>
                              <button type="button" class="url-cancel-btn  jx-btn">取消</button>
                        </div>
                  </div>
            </form>
      </div>
      <!-- 初始隐藏 contentC    -->
      <div id="contentC" class="hide">
            <form id="C_form" class="jx-form form-horizontal jx-form-thin">
                  <div class="row">
                        <div class="control-group span15  ">
                              <label class="control-label">关键字：</label>
                              <div class="controls">
                                    <input type="text" class="control-text" data-rules="{required:true}">
                              </div>
                        </div>
                  </div>
                  <div class="row">
                        <div class="control-group control-row6 span12  ">
                              <label for="" class="control-label has-note">
                                          图片:
                                          <div class="label-note"> 图标尺寸:<br>
                                                px*px
                                          </div>
                                </label>
                              <div class="controls">
                                    <input type="file" class="upload-img hide">
                                    <a href="#" class="btn-upload">
                        <span>上传图片</span>
                        <img src="" width="98" height="98">
                        <input name="b" type="text" data-rules="{required:true}" value="" style="display: none">
                              </a>

                              </div>
                        </div>
                  </div>
                  <div class="row urlEdit">
                        <div class="control-group span18">
                              <label class="control-label">URL：</label>
                              <div class="controls control-row3" style=" position: relative;">
                                    <textarea class="url input-xxlarge" type="text" disabled> </textarea>
                                    <span class="addUrl edit-url-icon  x-icon x-icon-warning"><i class="icon icon-white icon-edit"></i></span>
                              </div>
                        </div>
                  </div>
                  <div class="row urlpanel  span12 hide">
                        <div class="row goodsGrade">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">品类：</label>
                                    <div class="controls">
                                          <select name="goodsGradeId" class="selectGoodsGrade">
                                                      <option value="0">全部</option>
                                                      <option value="1">衣服</option>
                                                      <option value="2">裤子</option>
                                                      <option value="3">鞋子</option>
                                                 </select>
                                          <span>&nbsp;(注：等同于一级分类)</span>
                                    </div>
                              </div>
                        </div>
                        <div class="row goodsSeries">
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">适穿人群：</label>
                                    <div class="controls">
                                          <select name="goodsType">
                                    	<option value="">全部</option>
                                        <option value="1">成人</option>
                                        <option value="2">儿童</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">性别：</label>
                                    <div class="controls">
                                          <select name="goodsSex">
                                    	<option value="">全部</option>
                                        <option value="1">男款</option>
                                        <option value="2">女款</option>
                                        <option value="3">中性</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">上市年份：</label>
                                    <div class="controls">
                                          <select name="goodsYear">
                                                <option value="">全部</option>
                                                <option value="2017">2017</option>
                                                <option value="2016">2016</option>
                                                <option value="2015">2015</option>
                                          </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">季节：</label>
                                    <div class="controls">
                                          <select name="goodsSeason">
                                    	<option value="">全部</option>
                                        <option value="1">Q1(春季)</option>
                                        <option value="2">Q2(夏季)</option>
                                        <option value="3">Q3(秋季)</option>
                                        <option value="4">Q4(冬季)</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row center">
                              <button type="button" class="url-ok-btn jx-btn btn-default">确定</button>
                              <button type="button" class="url-cancel-btn  jx-btn">取消</button>
                        </div>
                  </div>
            </form>
      </div>
      <!-- 初始隐藏 contentD    -->
      <div id="contentD" class="hide">
            <form id="D_form" class="jx-form form-horizontal jx-form-thin">
                  <div class="row">
                        <div class="control-group span15  ">
                              <label class="control-label">关键字：</label>
                              <div class="controls">
                                    <input type="text" class="control-text" data-rules="{required:true}">
                              </div>
                        </div>
                  </div>
                  <div class="row">
                        <div class="control-group control-row6 span12  ">
                              <label for="" class="control-label has-note">
                                          图片:
                                          <div class="label-note"> 图标尺寸:<br>
                                                px*px
                                          </div>
                                </label>
                              <div class="controls">
                                    <input type="file" class="upload-img hide">
                                    <a href="#" class="btn-upload">
                        <span>上传图片</span>
                        <img src="" width="98" height="98">
                        <input name="b" type="text" data-rules="{required:true}" value="" style="display: none">
                              </a>

                              </div>
                        </div>
                  </div>
                  <div class="row urlEdit">
                        <div class="control-group span18">
                              <label class="control-label">URL：</label>
                              <div class="controls control-row3" style=" position: relative;">
                                    <textarea class="url input-xxlarge" type="text" disabled></textarea>
                                    <span class="addUrl edit-url-icon  x-icon x-icon-warning"><i class="icon icon-white icon-edit"></i></span>
                              </div>
                        </div>
                  </div>
                  <div class="row urlpanel   span12 hide">
                        <div class="row goodsGrade">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">品类：</label>
                                    <div class="controls">
                                          <select name="goodsGradeId" class="selectGoodsGrade">
                                                      <option value="0">全部</option>
                                                      <option value="1">衣服</option>
                                                      <option value="2">裤子</option>
                                                      <option value="3">鞋子</option>
                                                 </select>
                                          <span>&nbsp;(注：等同于一级分类)</span>
                                    </div>
                              </div>
                        </div>
                        <div class="row goodsSeries">
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">适穿人群：</label>
                                    <div class="controls">
                                          <select name="goodsType">
                                    	<option value="">全部</option>
                                        <option value="1">成人</option>
                                        <option value="2">儿童</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">性别：</label>
                                    <div class="controls">
                                          <select name="goodsSex">
                                    	<option value="">全部</option>
                                        <option value="1">男款</option>
                                        <option value="2">女款</option>
                                        <option value="3">中性</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">上市年份：</label>
                                    <div class="controls">
                                          <select name="goodsYear">
                                                <option value="">全部</option>
                                                <option value="2017">2017</option>
                                                <option value="2016">2016</option>
                                                <option value="2015">2015</option>
                                          </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">季节：</label>
                                    <div class="controls">
                                          <select name="goodsSeason">
                                    	<option value="">全部</option>
                                        <option value="1">Q1(春季)</option>
                                        <option value="2">Q2(夏季)</option>
                                        <option value="3">Q3(秋季)</option>
                                        <option value="4">Q4(冬季)</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row center">
                              <button type="button" class="url-ok-btn jx-btn btn-default">确定</button>
                              <button type="button" class="url-cancel-btn  jx-btn">取消</button>
                        </div>
                  </div>

            </form>
      </div>
      <!-- 初始隐藏 contentE   -->
      <div id="contentE" class="hide">
            <form id="E_form" class="jx-form form-horizontal jx-form-thin">
                  <div class="row">
                        <div class="control-group span15  ">
                              <label class="control-label">关键字：</label>
                              <div class="controls">
                                    <input type="text" class="control-text" data-rules="{required:true}">
                              </div>
                        </div>
                  </div>
                  <div class="row">
                        <div class="control-group control-row6 span12  ">
                              <label for="" class="control-label has-note">
                                          图片:
                                          <div class="label-note"> 图标尺寸:<br>
                                                px*px
                                          </div>
                                </label>
                              <div class="controls">
                                    <input type="file" class="upload-img hide">
                                    <a href="#" class="btn-upload">
                        <span>上传图片</span>
                        <img src="" width="98" height="98">
                        <input name="b" type="text" data-rules="{required:true}" value="" style="display: none">
                              </a>

                              </div>
                        </div>
                  </div>
                  <div class="row urlEdit">
                        <div class="control-group span18">
                              <label class="control-label">URL：</label>
                              <div class="controls control-row3" style=" position: relative;">
                                    <textarea class="url input-xxlarge" type="text" disabled></textarea>
                                    <span class="addUrl edit-url-icon  x-icon x-icon-warning"><i class="icon icon-white icon-edit"></i></span>
                              </div>
                        </div>
                  </div>
                  <div class="row urlpanel   span12 hide">
                        <div class="row goodsGrade">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">品类：</label>
                                    <div class="controls">
                                          <select name="goodsGradeId" class="selectGoodsGrade">
                                                      <option value="0">全部</option>
                                                      <option value="1">衣服</option>
                                                      <option value="2">裤子</option>
                                                      <option value="3">鞋子</option>
                                                 </select>
                                          <span>&nbsp;(注：等同于一级分类)</span>
                                    </div>
                              </div>
                        </div>
                        <div class="row goodsSeries">
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">适穿人群：</label>
                                    <div class="controls">
                                          <select name="goodsType">
                                    	<option value="">全部</option>
                                        <option value="1">成人</option>
                                        <option value="2">儿童</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">性别：</label>
                                    <div class="controls">
                                          <select name="goodsSex">
                                    	<option value="">全部</option>
                                        <option value="1">男款</option>
                                        <option value="2">女款</option>
                                        <option value="3">中性</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">上市年份：</label>
                                    <div class="controls">
                                          <select name="goodsYear">
                                                <option value="">全部</option>
                                                <option value="2017">2017</option>
                                                <option value="2016">2016</option>
                                                <option value="2015">2015</option>
                                          </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">季节：</label>
                                    <div class="controls">
                                          <select name="goodsSeason">
                                    	<option value="">全部</option>
                                        <option value="1">Q1(春季)</option>
                                        <option value="2">Q2(夏季)</option>
                                        <option value="3">Q3(秋季)</option>
                                        <option value="4">Q4(冬季)</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row center">
                              <button type="button" class="url-ok-btn jx-btn btn-default">确定</button>
                              <button type="button" class="url-cancel-btn  jx-btn">取消</button>
                        </div>
                  </div>

            </form>
      </div>
      <!-- 初始隐藏 contentF   -->
      <div id="contentF" class="hide">
            <form id="F_form" class="jx-form form-horizontal jx-form-thin">
                  <div class="row">
                        <div class="control-group span15  ">
                              <label class="control-label">关键字：</label>
                              <div class="controls">
                                    <input type="text" class="control-text" data-rules="{required:true}">
                              </div>
                        </div>
                  </div>
                  <div class="row">
                        <div class="control-group control-row6 span12  ">
                              <label for="" class="control-label has-note">
                                          图片:
                                          <div class="label-note"> 图标尺寸:<br>
                                                px*px
                                          </div>
                                </label>
                              <div class="controls">
                                    <input type="file" class="upload-img hide">
                                    <a href="#" class="btn-upload">
                        <span>上传图片</span>
                        <img src="" width="98" height="98">
                        <input name="b" type="text" data-rules="{required:true}" value="" style="display: none">
                              </a>

                              </div>
                        </div>
                  </div>
                  <div class="row urlEdit">
                        <div class="control-group span18">
                              <label class="control-label">URL：</label>
                              <div class="controls control-row3" style=" position: relative;">
                                    <textarea class="url input-xxlarge" type="text" disabled></textarea>
                                    <span class="addUrl edit-url-icon  x-icon x-icon-warning"><i class="icon icon-white icon-edit"></i></span>
                              </div>
                        </div>
                  </div>
                  <div class="row urlpanel   span12 hide">
                        <div class="row goodsGrade">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">品类：</label>
                                    <div class="controls">
                                          <select name="goodsGradeId" class="selectGoodsGrade">
                                                      <option value="0">全部</option>
                                                      <option value="1">衣服</option>
                                                      <option value="2">裤子</option>
                                                      <option value="3">鞋子</option>
                                                 </select>
                                          <span>&nbsp;(注：等同于一级分类)</span>
                                    </div>
                              </div>
                        </div>
                        <div class="row goodsSeries">
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">适穿人群：</label>
                                    <div class="controls">
                                          <select name="goodsType">
                                    	<option value="">全部</option>
                                        <option value="1">成人</option>
                                        <option value="2">儿童</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">性别：</label>
                                    <div class="controls">
                                          <select name="goodsSex">
                                    	<option value="">全部</option>
                                        <option value="1">男款</option>
                                        <option value="2">女款</option>
                                        <option value="3">中性</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">上市年份：</label>
                                    <div class="controls">
                                          <select name="goodsYear">
                                                <option value="">全部</option>
                                                <option value="2017">2017</option>
                                                <option value="2016">2016</option>
                                                <option value="2015">2015</option>
                                          </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">季节：</label>
                                    <div class="controls">
                                          <select name="goodsSeason">
                                    	<option value="">全部</option>
                                        <option value="1">Q1(春季)</option>
                                        <option value="2">Q2(夏季)</option>
                                        <option value="3">Q3(秋季)</option>
                                        <option value="4">Q4(冬季)</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row center">
                              <button type="button" class="url-ok-btn jx-btn btn-default">确定</button>
                              <button type="button" class="url-cancel-btn  jx-btn">取消</button>
                        </div>
                  </div>

            </form>
      </div>
      <!-- 初始隐藏 contentG   -->
      <div id="contentG" class="hide">
            <form id="G_form" class="jx-form form-horizontal jx-form-thin">
                  <div class="row">
                        <div class="control-group span22">
                              <label class="control-label">关键字：</label>
                              <div class="controls">
                                    <input type="text" class="control-text">
                              </div>
                              <div class="controls">
                                    URL：<textarea class="url input-xxlarge" type="text" disabled></textarea>
                                    <span class="addUrl edit-url-icon  x-icon x-icon-warning"><i class="icon icon-white icon-edit"></i></span>
                              </div>
                        </div>
                  </div>
                  <div class="urlfirst row urlpanel span12 hide">
                        <div class="row goodsGrade">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">品类：</label>
                                    <div class="controls">
                                          <select name="goodsGradeId" class="selectGoodsGrade">
                                                      <option value="0">全部</option>
                                                      <option value="1">衣服</option>
                                                      <option value="2">裤子</option>
                                                      <option value="3">鞋子</option>
                                                 </select>
                                          <span>&nbsp;(注：等同于一级分类)</span>
                                    </div>
                              </div>
                        </div>
                        <div class="row goodsSeries">
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">适穿人群：</label>
                                    <div class="controls">
                                          <select name="goodsType">
                                    	<option value="">全部</option>
                                        <option value="1">成人</option>
                                        <option value="2">儿童</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">性别：</label>
                                    <div class="controls">
                                          <select name="goodsSex">
                                    	<option value="">全部</option>
                                        <option value="1">男款</option>
                                        <option value="2">女款</option>
                                        <option value="3">中性</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">上市年份：</label>
                                    <div class="controls">
                                          <select name="goodsYear">
                                                <option value="">全部</option>
                                                <option value="2017">2017</option>
                                                <option value="2016">2016</option>
                                                <option value="2015">2015</option>
                                          </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row">
                              <div class="control-group span12 offset1">
                                    <label class="control-label">季节：</label>
                                    <div class="controls">
                                          <select name="goodsSeason">
                                    	<option value="">全部</option>
                                        <option value="1">Q1(春季)</option>
                                        <option value="2">Q2(夏季)</option>
                                        <option value="3">Q3(秋季)</option>
                                        <option value="4">Q4(冬季)</option>
                                    </select>
                                    </div>
                              </div>
                        </div>
                        <div class="row center">
                              <button type="button" class="url-ok-btn jx-btn btn-default">确定</button>
                              <button type="button" class="url-cancel-btn  jx-btn">取消</button>
                        </div>
                  </div>

                  <div class="row  span12 url-add-btn">
                        <a id="itemAdd" href="javascript:;" class="jx-btn btn-default btn-large"><i class="icon-plus icon-white"></i> 添加关键字
                  </a>
                  </div>

            </form>
      </div>

      <!-- script end -->
      </div>
      <script type="text/javascript" src="../../../assets/js/jquery-1.8.1.min.js"></script>
      <script type="text/javascript" src="../../../assets/js/bootstrap.js"></script>
      <script type="text/javascript" src="../../../assets/js/bui-min.js"></script>
      <script type="text/javascript" src="../../../assets/js/config-min.js"></script>
      <script type="text/javascript" src="../../../assets/js/admin.js"></script>

      <script type="text/javascript">
            BUI.use('common/page');
      </script>
      <script type="text/javascript">
            BUI.use(['bui/overlay', 'bui/form'], function (Overlay, Form) {
                  new Form.Form({
                        srcNode: '#J_Form'
                  }).render();
                  new Form.Form({
                        srcNode: '#A_form'
                  }).render();
                  new Form.Form({
                        srcNode: '#B_form'
                  }).render();
                  new Form.Form({
                        srcNode: '#C_form'
                  }).render();
                  new Form.Form({
                        srcNode: '#D_form'
                  }).render();
                  new Form.Form({
                        srcNode: '#E_form'
                  }).render();
                  new Form.Form({
                        srcNode: '#F_form'
                  }).render();
                  new Form.Form({
                        srcNode: '#G_form'
                  }).render();
                  //A区
                  var dialogA = new Overlay.Dialog({
                        title: 'A区创建',
                        width: 800,
                        height: 550,
                        contentId: 'contentA', //设置隐藏的Dialog内容
                        success: function () {
                              //提交表单并且验证
                              $("#A_form").submit();
                              //this.close();
                        }
                  });
                  $('#block-a').on('click', function () {
                        dialogA.show();
                  });
                  //B区
                  var dialogB = new Overlay.Dialog({
                        title: 'B区创建',
                        width: 800,
                        height: 550,
                        contentId: 'contentB', //设置隐藏的Dialog内容
                        success: function () {
                              //提交表单并且验证
                              $("#B_form").submit();
                              //this.close();
                        }
                  });
                  $('#block-b').on('click', function () {
                        dialogB.show();
                  });
                  //C区
                  var dialogC = new Overlay.Dialog({
                        title: 'C区创建',
                        width: 800,
                        height: 550,
                        contentId: 'contentC', //设置隐藏的Dialog内容
                        success: function () {
                              //提交表单并且验证
                              $("#C_form").submit();
                              //this.close();
                        }
                  });
                  $('#block-c').on('click', function () {
                        dialogC.show();
                  });
                  //D区
                  var dialogD = new Overlay.Dialog({
                        title: 'D区创建',
                        width: 800,
                        height: 550,
                        contentId: 'contentD', //设置隐藏的Dialog内容
                        success: function () {
                              //提交表单并且验证
                              $("#D_form").submit();
                              //this.close();
                        }
                  });
                  $('#block-d').on('click', function () {
                        dialogD.show();
                  });
                  //E区
                  var dialogE = new Overlay.Dialog({
                        title: 'E区创建',
                        width: 800,
                        height: 550,
                        contentId: 'contentE', //设置隐藏的Dialog内容
                        success: function () {
                              //提交表单并且验证
                              $("#E_form").submit();
                              //this.close();
                        }
                  });
                  $('#block-e').on('click', function () {
                        dialogE.show();
                  });
                  //F区
                  var dialogF = new Overlay.Dialog({
                        title: 'F区创建',
                        width: 800,
                        height: 550,
                        contentId: 'contentF', //设置隐藏的Dialog内容
                        success: function () {
                              //提交表单并且验证
                              $("#F_form").submit();
                              //this.close();
                        }
                  });
                  $('#block-f').on('click', function () {
                        dialogF.show();
                  });
                  //G区
                  var dialogG = new Overlay.Dialog({
                        title: 'G区创建',
                        width: 920,
                        height: 550,
                        contentId: 'contentG', //设置隐藏的Dialog内容
                        success: function () {
                              //提交表单并且验证
                              $("#G_form").submit();
                              //this.close();
                        }
                  });
                  $('#block-g').on('click', function () {
                        dialogG.show();
                  });
                  //点击编辑url

                  $(document).delegate(".addUrl", "click", function () {
                        if ($(this).parents(".row").next().hasClass("hide")) {
                              $(this).parents(".row").next().removeClass("hide");
                              $(this).parents(".row").next().siblings(".urlpanel").addClass(
                                    "hide");
                        } else {
                              $(this).parents(".row").next().addClass("hide");
                              // $(this).parents(".row").siblings().addClass("hide")
                        }

                        // $(this).parents("form").find(".urlpanel");
                  });
                  //选择一级菜单
                  $(document).delegate(".selectGoodsGrade", "change", function () {
                        var value = $(this).val();
                        // 获取一级菜单的id值value，后台查询
                        // ajax...
                        // 拼接字符
                        var selectStr = '<div class="row goodsSeries">' +
                              '<div class="control-group span12 offset1">' +
                              '      <label class="control-label">款式：</label>' +
                              '      <div class="controls">' +
                              '          <select name="goodsSeriesId"  >' +
                              '	     <option value="">全部</option>' +
                              '          </select><span>&nbsp;(注：等同于二级分类)</span>' +
                              '      </div>' +
                              '  </div>' +
                              ' </div>';
                        $(this).parents(".urlpanel").find(".goodsSeries").replaceWith(selectStr)
                  })
                  //点击确认按钮
                  /*  $('.urlform').submit(function () {
                          alert($(this).serialize());
                          return false;
                    });*/
                  $(document).delegate(".url-ok-btn", "click", function () {
                        var serializestr =
                              'http://www.sportjx.com/jixiang-web-boss/goods/1512121065270.html?';
                        var panel = $(this).parents(".urlpanel");
                        panel.find("select").each(function () {
                              serializestr += $(this).attr("name") + '=' + $(
                                    this).val() + '&';
                        })
                        serializestr = serializestr.substr(0, serializestr.length - 2);
                        panel.prev().find(".url").val(serializestr);
                        panel.addClass("hide");
                  })

            });
      </script>
      <script>
            $(function () {
                  var serial = 2;
                  $("#itemAdd").click(function () {
                        var itemStr =
                              '  <div class="row"> ' +
                              ' <div class="control-group span22"> ' +
                              '  <label class="control-label">关键字：</label> ' +
                              '  <div class="controls"> ' +
                              '        <input type="text" class="control-text"> ' +
                              '  </div> ' +
                              '  <div class="controls"> ' +
                              '        URL：<textarea class="url input-xxlarge" type="text" disabled></textarea> ' +
                              '         <span class="addUrl edit-url-icon  x-icon x-icon-warning"><i class="icon icon-white icon-edit"></i></span> ' +
                              '         <span class="itemDel  x-icon x-icon-info"><i class="icon icon-white icon-minus"></i></span> ' +
                              '   </div> ' +
                              '  </div> ' +
                              '</div>';
                        var panelStr = '<div class="row urlpanel  span12 hide">' +
                              '<div class="row goodsGrade">' +
                              '  <div class="control-group span12 offset1">' +
                              '        <label class="control-label">品类：</label>' +
                              '       <div class="controls">' +
                              '           <select name="goodsGradeId" class="selectGoodsGrade">' +
                              '                        <option value="0">全部</option>' +
                              '                        <option value="1">衣服</option>' +
                              '                        <option value="2">裤子</option>' +
                              '                         <option value="3">鞋子</option>' +
                              '                    </select>' +
                              '              <span>&nbsp;(注：等同于一级分类)</span>' +
                              '         </div>' +
                              '   </div>' +
                              ' </div>' +
                              ' <div class="row goodsSeries">' +
                              ' </div>' +
                              '  <div class="row">' +
                              '     <div class="control-group span12 offset1">' +
                              '        <label class="control-label">适穿人群：</label>' +
                              '        <div class="controls">' +
                              '           <select name="goodsType">' +
                              '         	<option value="">全部</option>' +
                              '           <option value="1">成人</option>' +
                              '           <option value="2">儿童</option>' +
                              '       </select>' +
                              '      </div>' +
                              '  </div>' +
                              '   </div>' +
                              '  <div class="row">' +
                              '   <div class="control-group span12 offset1">' +
                              '      <label class="control-label">性别：</label>' +
                              '        <div class="controls">' +
                              '           <select name="goodsSex">' +
                              '     	<option value="">全部</option>' +
                              '         <option value="1">男款</option>' +
                              '         <option value="2">女款</option>' +
                              '           <option value="3">中性</option>' +
                              '     </select>' +
                              '        </div>' +
                              '   </div>' +
                              '  </div>' +
                              ' <div class="row">' +
                              '   <div class="control-group span12 offset1">' +
                              '        <label class="control-label">上市年份：</label>' +
                              '       <div class="controls">' +
                              '          <select name="goodsYear">' +
                              '                 <option value="">全部</option>' +
                              '                 <option value="2017">2017</option>' +
                              '                 <option value="2016">2016</option>' +
                              '                 <option value="2015">2015</option>' +
                              '           </select>' +
                              '       </div>' +
                              '  </div>' +
                              ' </div>' +
                              ' <div class="row">' +
                              '       <div class="control-group span12 offset1">' +
                              '            <label class="control-label">季节：</label>' +
                              '            <div class="controls">' +
                              '                  <select name="goodsSeason">' +
                              '           	<option value="">全部</option>' +
                              '               <option value="1">Q1(春季)</option>' +
                              '               <option value="2">Q2(夏季)</option>' +
                              '             <option value="3">Q3(秋季)</option>' +
                              '               <option value="4">Q4(冬季)</option>' +
                              '   </select>' +
                              '         </div>' +
                              '       </div>' +
                              ' </div>' +
                              '  <div class="row center">' +
                              '   <button type="button" class="url-ok-btn jx-btn btn-default">确定</button>' +
                              '   <button type="button" class="url-cancel-btn  jx-btn">取消</button>' +
                              '   </div>' +
                              ' </div>';
                        $(".urlfirst").after(itemStr + panelStr);
                        $(this).parents(".bui-dialog").find(".urlpanel").addClass("hide");

                  });
                  $(document).delegate('.itemDel', 'click', function () {
                        $(this).parents(".row").next().remove();
                        $(this).parents(".row").remove();


                  })

            })
      </script>

      <body>

</html>